/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; display:none;
}


	.about .left{ width:600px;}





@media screen and (max-width :1500px){
.box{
	width:1200px;
	margin:auto;
	min-width:1200px;
}

	.about .left{ float:left; width:500px;}
	.about .img{  width:calc(100% - 520px);}

.about .h1,.honor .left .h1 {
  font-size: 27px;

}
.about .h2 ,.honor .left .h2{
font-size: 105px;
}
.pro .tab ul li span { font-size:18px;}
}

@media screen and (max-width :1250px){
body{ min-width:1100px;}
.box{ width:1100px; min-width:1000px;}
.news .picli .img img,.news .picli .img  {
  max-height: 280px;
  min-height: 280px;
}
}


@media screen and (max-width :1150px){

body{ min-width:1000px;}
.box{ width:1000px;}
.pro .tab ul li span { font-size:16px;}

}



@media screen and (max-width :816px){
.footnav{ display:table;}
.copy{ padding-bottom:70px;}
.banner .box img{ width:160%; margin-left:-30%;}

.banner .box { width:100%; min-width:0px;}
.nav{ display:none}
#top{ overflow:hidden; max-height:0; margin-bottom:52px; margin-top:0;}


#cms1,#cms2,#cms {min-height:0px;}

blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

*,body,.box{ min-height:0px; min-width:0px;}

#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
.app_rt a{ color:#FFFFFF}

.app_top{ display:block}


.app_header{ display:block}

#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;display:block; top:0px; left:0px; height:50px; background-color:#ffffff;
}

.box{ max-width:100%; padding-left:20px; padding-right:20px; box-sizing:border-box;}


.app_header .app_logo{ width:300px;max-width:calc(100% - 60px);  float:left;  margin-left:5px;display: flex;
    justify-content:center;
    align-items:center; height:52px;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
	.app_header .morenav{ float:right; display:block; width:40px; height:40px; margin-top:5px; margin-right:10px; background-color:#1651B9; text-align:center; line-height:40px; font-weight:bold}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}




/*底部*/

/*内页*/

.gotop{bottom:80px; right:10px;}



#cms1 h1.h1{ font-size:18px;}
#cms1 .content{font-size:14px;}


#cms1{ margin:0px; width:100%; position:relative;}


.flash .swiper-slide{ overflow:hidden;}
.flash .swiper-slide img{ width:100%; margin-left:0%;}





.banner .phone,.flash .phone{ display:block;}
.banner .pc,.flash .pc{ display:none;}

/*首页*/
.flash .swiper-slide .txt .h1{
	font-size:50px;

}

.flash .swiper-slide .txt .h2{ margin-top:100px;
	font-size:20px;
	
}
.flash .swiper-slide-active .txt .h2{ margin-top:0px;}
.flash .swiper-slide-active .txt{top:50%;Opacity:1;}



.flash .swiper-pagination .swiper-pagination-bullet-active:after,.flash .swiper-pagination .swiper-pagination-bullet:after{ display:none;}
.flash .swiper-pagination .swiper-pagination-bullet{
    width:12px;
	height:12px;
	margin-right:5px;margin-bottom:0px;border: 2px solid #ffffff;}
.flash .swiper-pagination .swiper-pagination-bullet-active{border-color:#f8700e;}	
.flash .swiper-pagination .swiper-pagination-bullet:after,.flash .swiper-pagination .swiper-pagination-bullet-active::after{ display:none;}

#foot .foot{ padding-top:30px;}
#foot .fnav{ display:none}
#foot .flx{ font-size:18px; float:left; width:100%;}
#foot .flx .econtent{ font-size:14px;}
#foot .flx .econtent h1{ font-size:20px;}

.about *{ max-width:100%;}
.about .box{  padding-right:20px;}
.about .left{ width:100%;}
.about .img{ position:relative; right:auto; top:auto; width:100%; clear:both; margin-top:20px; clear:both; float:left; width:100%;}

.about .h2, .honor .left .h2 {
  font-size: 36px; line-height:1;
}
.about .h1, .honor .left .h1 {
  font-size: 18px; margin-top:0; padding-top:0;
}
.pro .etitle {

  writing-mode: unset; width:100%; position:relative; padding-top:30px; text-align:center; line-height:1;

}

.pro .h1 { padding:0; background-image:none; font-size:24px;}
.pro .h2{ position:absolute; top:0; left:0; width:100%; text-align:center; line-height:30px; font-size:30px;}
.pro .econtent { width:100%; clear:both; margin:auto;  box-sizing:border-box; margin-top:20px;}
.pro .econtent .tab{ width:100%; overflow-x:auto; padding-bottom:10px;}
.pro .econtent .tab ul{ width:600px; width:100%; display:block;}
.pro .econtent .tab ul li{ font-size:16px; width:100%; line-height:1.2; display:block; margin-bottom:5px;}
.pro .econtent .tab ul li span{ padding-top:5px; padding-bottom:5px;}

.pro .picli *{ max-width:100%;}
.pro .picli .img { width:100%; text-align:center;}
.pro .picli .right { width:100%; float:left;}
.pro .picli .right .dp { line-height:1.5;}
.pro .picli { margin:auto;}
.case .etitle { width:100%;  max-width:100%; }
/*.case .etitle .h1{ text-align:center;}*/
.case .econtent{ clear:both; width:100%; margin-top:20px;}
.case .econtent .ul .zhong{ display:none}
.case .econtent .ul{ margin:auto; width:100%; min-height:0; max-height:10000000px; float:left; width:100%; border-radius:0; box-sizing:border-box;}
.case .econtent .ul .item { width:100%; position:relative; top:auto; left:auto; right:auto; bottom:auto; box-sizing:border-box; padding-left:20px; padding-right:20px; clear:both; float:left; text-align:left; padding-top:10px; padding-bottom:10px;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; box-sizing:border-box;}
.case .econtent .ul .item  img{ float:left;}
.case .econtent .ul .item  img +p{ float:right; width:calc(100% - 40px); margin:auto;}
.case .econtent .ul .item:hover:before{ display:none;}
.tv .econtent .tvli{ width:48%; margin:auto; margin-top:10px; margin-bottom:10px; margin-left:1%; margin-right:1%;}
.tv .econtent .tvli:nth-child(2n+1){ clear:both; margin-left:0;}
.tv .econtent .tvli:nth-child(2n){ margin-right:0; float:right}
.tv .econtent{ padding-top:20px;}

.tv .etitle .more{ height:60px; width:60px;}
.tv .etitle .h2,.news .etitle .h2 {

font-size: 30px;

  padding-bottom: 15px;
}

.tv .etitle .h1,.news .etitle .h1 ,.case .etitle .h1{

  font-size:22px;

}
.about,.pro,.case,.tv,.news{ padding-top:30px; padding-bottom:30px;}


.news .picli{ background-color:#ffffff;box-shadow:0 0 5px rgba(200,200,200,0.8); margin-top:20px;}
.news .etitle .sort{ position:relative; float:left; width:100%; clear:both; right:auto; bottom:auto; padding-top:15px;}
.news .left{ margin-top:20px; width:100%;}
.news .left .picli{ width:100%;}
.news .rights{ clear:both; margin:auto;  width:100%; padding:inherit; background-image:none;}
.news .rights .li{ padding:0;}
.news .rights .li .time {

  margin-bottom: 0px;

}
.news .rights .li .dp {

  margin-top: 0px;

}
.news .rights .li a {
  padding: 10px;
}
.app_header .box{ padding:0;}
#menu{ background-color:#1651B9; z-index:9999;}

/*内页*/
#cms *,.content *{ max-width:100%;}
.bannerin{ min-height:29.5vw; background-size:160%;}
#left{ width:100%;}
#left .leftdh ul ul{ display:none;}
#left .leftdh ul li.nodes.hover>ul,#left .leftdh ul li.nodes.active>ul{ display:block;}
#left .lxin{ display:none;}
#right{ clear:both; margin-top:20px; width:100%;}
#cms .list{ width:48%; margin-left:1%; margin-right:1%;}
#cms .list:nth-child(3n+1),#cms .list:nth-child(5n+1) {
  clear: none;
  margin-left: 1%;
}
#cms .list:nth-child(2n+1){ clear:both;}
/*
#cms .picli .img{ width:100%;}
#cms .picli .right{ width:100%; margin:auto; clear:both; padding-top:15px;}
#cms .picli .right .ntitle a{ display:block; margin:auto;}
#cms .picli .right .ntitle .time{ position:relative; clear:both; top:auto; right:auto; font-size:12px;}
#cms .picli .right .dp,#cms .picli .right .sort{ margin-top:5px;}*/

#cms .picli .img{ width:28%;}
#cms .picli .img,#cms .picli .img img{ min-height:inherit; max-height:auto; height:20vw;}
#cms .picli  .right{ width:70%;}

#cms .picli  .right .dp{ max-height:3em; overflow:hidden;}
.honor { padding-bottom:0;}
.honor .left{ width:100%; padding:0;}
.honor .right{ width:100%;}
.honor .econtent{ clear:both; width:100%; margin-top:20px;}
.aboutin{ clear:both;}
.honor .left .h1, .honor .left .h2 { text-align:center; position:relative;}
.honor .left .h1{ padding-bottom:10px; margin-bottom:10px;}
.honor .left .h1:after{ content:''; position:absolute; left:50%; width:2em; margin-left:-1em; bottom:0; background-color:#1651B9; height:3px;}
.contact{ padding:10px;}
.contact .left{ width:100%;}
.contact .right{ width:100%; margin-top:20px;}


#privacy_dialog { width:80%; height:80%; left:10%; margin:auto; top:10%;}
#privacy_dialog .privacy_content { height:calc(100% - 100px);}

.about+.aboutin{padding-top:30px;}
}

@media screen and (max-width :500px){
.news .etitle .sort a{ padding:0; width:48%; float:left; display:block; margin-left:1%; margin-right:1%; box-sizing:border-box; text-align:center;}
.form_item_wrap { float:left; width:100%;}
.form_item_wrap .item_type_city .select_wrap+.select_wrap{ margin-top:10px; clear:both; float:left; width:100%;}
}